.bannerImg {
    background-position-y: 55%;
}

.title_poli {
    color: #fff;
    font-size: 72px;
    padding: 0% 5%;
    font-family: "Mohr-BoldIt";
}

.content_poli {
    color: #fff;
    font-size: 16px;
    padding: 0% 5%;
    font-family: "Mohr-Mediumlt";
}

.subtitulo {
    background-color: #021f59;
    width: 100%;
    height: 21.5rem;
    padding-top: 5rem;
}

.subtitulo .container {
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-family: "Mohr-Medium";
    padding: 0px 8rem 0px 8rem;
}

.subtitulo p {
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-family: "Mohr-Medium";
    padding: 0px 8rem 0px 8rem;
}

.progra {
    background-color: #f5f5f5;
}

.infografico img,
.progra img,
.time img {
    display: block;
    margin: auto;
}

.infografico img {
    width: 844px;
}

.title-section {
    font-family: "Mohr-ExtraLightIt";
    font-size: 60px;
    text-align: center;
    color: #021f59;
    padding-top: 3rem;
}

.sub-section {
    font-family: "Mohr-Mediumlt";
    font-size: 18px;
    text-align: center;
    color: #00bf44;
    padding: 0px 16rem 0 17rem;
}

.progra img {
    width: 80%;
}

.img-mobile {
    display: none !important;
    margin: auto;
}


@media (min-width: 768px)and (max-width: 1000px) {
    .bannerImg {
        height: 40vh;
    }

    .subtitulo p {
        padding: 0px;
    }

    .title_poli {
        color: #fff;
        font-size: 50px;
    }

    .content_poli {
        max-width: 80%;
    }

    .infografico img {
        width: 95%;
    }

    .progra img {
        width: 95%;
    }

    .time img {
        width: 95%;
    }

    .sub-section {
        padding: 0px;
    }

    .progra {
        background-color: #f5f5f5;
    }
}

@media(min-width: 768px) and (max-width: 821px) {
    .subtitulo {
        height: auto;
    }
}

@media screen and (max-width:640px) {
    .bannerImg {
        height: 60vh;
    }

    .subtitulo p {
        padding: 0px;
    }

    .subtitulo {
        height: 29.5rem;
        padding-top: 2rem;
    }

    .infografico img {
        width: 95%;
    }

    .sub-section {
        padding: 0px 10px;
        font-size: 15px;
    }

    .progra img {
        width: 95%;
    }

    .time img {
        width: 95%;
    }

    .title-section {
        font-size: 45px;
    }

    .title_poli {
        color: #fff;
        font-size: 45px;
        max-width: 100%;
    }

    .content_poli {
        color: #fff;
        font-size: 16px;
        max-width: 90%;
    }

    .subtitulo .container {
        padding: 10px;
    }

    .infografico img,
    .progra img,
    .time img {
        display: none;
    }

    .img-mobile {
        display: block !important;
    }

}